// .layui-nav{
//     border:1px solid #f00;
//     &-child{
//         background: #f00;
//     }
// }
.layui-nav {
    .layui-nav-item {
        // height: @header-smenu-height;
        // line-height: @header-smenu-height;
    }

    .layui-nav-child {
        // top: @header-smenu-height;
        background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
        --tw-bg-opacity: 1;
        border: 1px solid;
        border-color: hsla(var(--bc) / 0.1);
        min-width: auto;
        // display: inherit !important;
        // --tw-bg-opacity: 0.1;
        hr {
            background-color: hsla(var(--bc) / .2);
        }
        dd {
            a {
                // text-align: right;
                // color: hsla(var(--bc) / var(--tw-text-opacity, 1)) !important;
                
                &:hover {
                    // background: #f00;
                    background-color: hsl(var(--bc) / var(--tw-bg-opacity));
                    --tw-bg-opacity: 0.1;
                }
                .layui-badge {
                    position: relative;
                }
            }
            &.layui-this{
                --tw-bg-opacity: 1;
                background-color: hsl(var(--p) /var(--tw-bg-opacity));
                a{
                    --tw-bg-opacity: 1;
                    background-color: hsl(var(--p) /var(--tw-bg-opacity));
                }
            }
        }
    }
    &-tree{
        .layui-nav-bar {
            --tw-bg-opacity: 1;
                    background-color: hsl(var(--p) /var(--tw-bg-opacity));
        }
    }
}